<!--
 * @Author: xiameng 3297626645@qq.com
 * @Date: 2025-03-04 09:39:47
 * @LastEditors: xiameng 3297626645@qq.com
 * @LastEditTime: 2025-03-04 11:08:17
 * @FilePath: \ui\src\views\ShowView.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template style="width:100%">
  <div class="common-layout" width="100%">
    <el-container>
      <el-aside width="100px" style="background-color: #545c64;">
        <el-menu active-text-color="#ffd04b" background-color="#545c64" class="el-menu-vertical-demo" default-active="2"
          text-color="#fff">
          <el-menu-item><el-icon>
              <Grid />
            </el-icon></el-menu-item>
          <el-menu-item index="1-1" @click="TZ('wraparound')">概况</el-menu-item>
          <el-menu-item index="1-2" @click="TZ('RoomStatusMain')">房态</el-menu-item>
          <el-menu-item index="1-3" @click="Ddd('OrderTypes')">订单</el-menu-item>
          <el-menu-item index="1-4" @click="TZ('RoomTypes')">业务</el-menu-item>
          <el-menu-item index="1-5" @click="TZ('ClientMain')">客户</el-menu-item>
          <el-menu-item index="1-6">营销</el-menu-item>
          <el-menu-item index="1-7">装修</el-menu-item>
          <el-menu-item index="1-8">数据</el-menu-item>
          <el-menu-item index="1-9">微信</el-menu-item>
          <el-menu-item index="1-10">门店</el-menu-item>
          <el-menu-item index="1-11">设置</el-menu-item>
          <el-menu-item index="1-12">慧付</el-menu-item>
        </el-menu>
      </el-aside>
      <el-container>
        <el-header>
          <div style="width: 100%;">
            <p>微盟酒店
              <el-tag type="warning" style="float: right;margin-top: 10px;">{{ stores.LoginUserInfo.roleName }}</el-tag>
              <el-tag type="primary" style="float: right;margin-top: 10px;">{{
                stores.LoginUserInfo.userNickname }}</el-tag>

            <p style="float: right;">
              <el-icon style="margin-bottom: 10px;margin-left: 10px;width: 35px;height: 20px;">
                <User />
              </el-icon>
            </p>

            <el-button style="float: right;">套餐升级</el-button>
            <el-button style="float: right;">系统通知</el-button>
            <el-button style="float: right;">帮助指引</el-button>
            <el-button :icon="Search" round style="float:right;">服务搜索</el-button>

            </p>

          </div>
        </el-header>
        <el-main>
          <RouterView />
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>
<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
import { useRouter } from 'vue-router';
import { useCounterStore } from '@/stores/counter';
const stores = useCounterStore()
const router = useRouter();

const TZ = (name: any) => {
  router.push({
    name: name
  })
}
const Ddd = (name: any) => {
  router.push({
    name: name
  })
}

</script>
